<template>
    <div class="common-tab-content">
        <div class="table-list">
            <el-table ref="commonTable" :data="tableData" border stripe style="width: 100%" height="620px">
                <el-table-column type="index" label="序号" width="60"/>
                <el-table-column prop="title" label="广告名称"/>
                <el-table-column prop="clickNumber" label="点击量"/>
            </el-table>
        </div>
    </div>
</template>
<script setup lang="ts">
    import {ref} from "vue";

    const tableData = ref([
            {
                title: '湖北科技工程学院',
                clickNumber: '1000'
            },
            {
                title: '湖北科技工程学院',
                clickNumber: '1000'
            },
            {
                title: '湖北科技工程学院',
                clickNumber: '1000'
            },
            {
                title: '湖北科技工程学院',
                clickNumber: '1000'
            },
            {
                title: '湖北科技工程学院',
                clickNumber: '1000'
            },
            {
                title: '湖北科技工程学院',
                clickNumber: '1000'
            }
    ])
</script>
<style scoped lang="less">
    .table-list{
        padding: 12px 20px;
    }
</style>
